
.AddToColor{
    background-color: rgba(17, 39, 59, 0.8);
    box-shadow: 5px 5px 10px rgba(17, 39, 59, 0.8);
    border: 0px solid;
    transition: .4s;
}
.Addtitile{
    background: rgba(148, 86, 99, 0.336);
    color: rgb(209, 45, 141);
    border-bottom: 1px solid;
    font-family: cursive;
    transition: .4s;
}
.Addtitile .Addtitiletext{
    font-size: 30px;
    font-weight: bold;
    transition: .4s;
}
.AddTobtn,
.Submit,
.updata{
    border: 0px;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0px 0px 7px rgba(255, 255, 255, .9);
    border-radius: 14px;
    background-color: rgba(0, 0, 0, 0.39);
    height: 35px;
    width: 80px;
    transition: .4s;
}

.AddTobtn:hover,
.Submit:hover,
.updata:hover{
    box-shadow: 0 0 10px rgba(230, 22, 195, 0.8);
}
.AddTobtn:active,
.Submit:active,
.updata:active{
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
}




/* 中间添加信息部分 */
.modal-body .container .row{
    position: relative;
    color: white;
    text-shadow: 0px 0px 7px rgba(255, 255, 255, .9);
}
.modal-body .container .row label{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 40px;
    font-family: cursive;
    transition: .4s;
}
.modal-body .container .row input{
    background-color: rgba(255, 255, 255, 0.4);
    border: 0px;
    border-radius: 20px;
    width:55%;
    height: 37px;
    padding-left:20px;   
    transition: .4s;
}
.modal-body .container .row input:focus{
    box-shadow: 0 0 10px rgba(230, 22, 195, 0.8);
}
.AddToColor:hover .modal-body .container .row input{
    transform: translate(0, -45%);
}
.AddToColor:hover .modal-body .container .row label{
    transform: translate(0, -45%);
}
.AddToColor:hover .Addtitile h4{
    font-size: 35px;
    
}
.AddToColor:hover .modal-footer .Submit,
.AddToColor:hover .modal-footer .updata,
.AddToColor:hover .modal-footer .AddTobtn
{
    height: 40px;
    width: 90px;
    transform: translate(0, 10%);
}
